<template>
  <div>
      <div id="footer">
            <div class="footer_left"> 
                <img src="./oneimg/Logo0.png">
                <p><a href="#">Copyright © 2013 Company Name.</a></p>
                <p>Terms & Conditions  |  Privacy Policy</p>
            </div>
            <div class="footer_right">
                <img src="./oneimg/Socials.png">s
                <p>
                    You are receiving this newsletter because you have subscribed.<br>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Rather not receive our newsletter anymore? Unsubscribe
                </p>
            </div>
        </div>

  </div>
</template>

<script>
export default {
  components:{ 
    
  }
}
</script>
<style>
        /*底部*/
    #footer{
    display: flex;
    justify-content: space-around;
        width:  960px;
        height: 140px;
        background: #394B58;
    }
    #footer .footer_left{
        width: 450px;
        height: 145px;
        margin-left: 40px;
    }
    #footer .footer_left img{
        margin-top:30px;
    }
    #footer .footer_right{
        width: 450px;
        height: 145px;
        margin-right: 40px; 
    } 
    #footer .footer_left p:nth-child(2){
        margin-top:15px;
        padding: 5px;
    }

    #footer .footer_left p{
        font-size: 13px;
        font-family: "Arial";
        color: rgb(130, 141, 150);
    }
    #footer .footer_left p a{
        color: rgb(130, 141, 150);
    }
    #footer .footer_right img{
        margin:30px 0 0 313px;
    }
    #footer .footer_right p{
        font-size: 13px;
        font-family: "Arial";
        color: rgb(130, 141, 150);
        margin:15px 0 0 61px;
        padding: 5px;
    }
</style>
